<template>
	<!-- 单图组 -->
	<view class="diy-imageSingle" :style="{ paddingBottom: itemStyle.paddingTop + 'px', background: itemStyle.background }">
		<view class="item-image" v-for="(dataItem, index) in dataList" :key="index" :style="{ padding: itemStyle.paddingTop + 'px ' + itemStyle.paddingLeft + 'px 0' }">
			<view class="nav-to" @tap="navigationTo" :data-url="dataItem.linkUrl"><image class="image" :src="dataItem.imgUrl" mode="widthFix"></image></view>
		</view>
	</view>
</template>

<script>
export default {
	props: {
		itemIndex: String,
		itemStyle: Object,
		params: Object,
		dataList: Array
	},
	data() {
		return {};
	},
	methods: {
		/**
		 * 跳转到指定页面
		 */
		navigationTo(e) {
			this.navigateTo({ url: '/' + e.currentTarget.dataset.url });
		}
	}
};
</script>

<style>
/* 单图组 */

.diy-imageSingle .item-image .image {
	display: block;
	width: 100%;
}
</style>
